<div class="_content">
    <div class="tab-box">
        <ul>
            <li ng-repeat="(i,item) in tabMenu.children track by $index" 
                ui-sref="{{item.state}}({id:item.id})"
                ng-class="{active:i==0}">
                {{item.name}}
            </li>
        </ul>
    </div>
    <index-data noindex='true' dataset=dataCount></index-data>
    <div class="datacount-show">
        <div class="row">
            <div class="col-md-12">
                <div class="section-search">
                    <span class="line-block" ng-init="params.loan_type=-1">
                        <ui-select ng-model="params.loan_type">
                            <ui-option value="-1">部门筛选</ui-option>
                            <ui-option value="1"></ui-option>
                            <ui-option value="2"></ui-option>
                        </ui-select>
                    </span>
                    <span class="line-block">
                        <ui-datepicker error-tis="" placeholder="开始时间" ng-model="params.start_time"></ui-datepicker>
                    </span>
                    <span class="line-block">
                        <ui-datepicker  placeholder="结束时间" ng-model="params.end_time"></ui-datepicker>
                    </span>
                    <span class="line-block filed" ng-init="params.type=-1">
                        <ui-select ng-model="params.type" error-tis="err.type" >
                            <ui-option value="-1">区域类型</ui-option>
                            <ui-option value="1"></ui-option>
                        </ui-select>
                    </span>
                    <span class="line-block" style="width: 220px;">
                        <input type="text" class="form-control" placeholder="请先选择左侧要搜索的字段" ng-model="params.keyword" />
                    </span>
                    <span class="line-block">
                        <button class="btn btn-success search-btn" ng-click="searchHandle()"><em class="glyphicon glyphicon-search"></em></button>
                    </span>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4">
                <div id="loanCharts"></div>
            </div>
            <div class="col-md-4">
                <div id="catchPlanCharts"></div>
            </div>
            <div class="col-md-4">
                <div id="catchCharts"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div id="moneyAllShow"></div>
            </div>
        </div>
        <!-- 3 饼图 -->
        <div class="row">
            <div class="col-md-4">
                <div id="loanTypeCharts"></div>
            </div>
            <div class="col-md-4">
                <div id="orderStateCharts"></div>
            </div>
            <div class="col-md-4">
                <div id="loanProduceCharts"></div>
            </div>
        </div>
        <!-- 3 饼图 -->
        <div class="row">
            <div class="col-md-4">
                <div id="orderTypeCharts"></div>
            </div>
            <div class="col-md-4">
                <div id="orderFromCharts"></div>
            </div>
            <div class="col-md-4">
                <div id="periodsPercCharts"></div>
            </div>
        </div>
        <!-- 进件趋势 -->
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <charts-line chartsline=chartsline></charts-line>
            </div>
            <div class="col-md-1"></div>
        </div>
        <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <charts-order chartsorder= chartsorder></charts-order>
            </div>
            <div class="col-md-1"></div>
        </div>
        
    </div>
</div>

